<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
    <script src="js/main.js"></script>
</head>
<body>
<div>
    <header>
        <nav>
            <ul class="nav">
                <li class="nav-item"><a href="#">首页</a></li>
                <li class="nav-item"><a href="#">品牌和产品</a></li>
                <li class="nav-item"><a href="#">联合营作</a></li>
                <li class="nav-item mid_logo">耀炎食品</li>
                <li class="nav-item"><a href="#">配套服务</a></li>
                <li class="nav-item"><a href="#">门店信息</a></li>
                <li class="nav-item aboutUs_open_fa">
                    <a href="#">关于我们</a>
                    <ul class="aboutUs_open">
                        <li>企业</li>
                        <li>加入我们</li>
                    </ul>
                </li>
            </ul>
        </nav>
    </header>
    <main>
        <div class="carousel-chart">
            <img class="banner-pic" src="imgs/banner1.png" alt="">
            <img class="left" src="imgs/left.png" alt="">
            <img class="right" src="imgs/right.png" alt="">
        </div>
        <iframe class="home" src="html/homePage.html"></iframe>
    </main>
    <footer>
        <div class="left_info">
            <p>重庆耀炎食品有限公司</p>
            <p>地址：重庆市渝中区龙湖时代天街C馆17栋</p>
            <p>耀炎食品©版权所有</p>
        </div>
        <div class="footer_mid_logo">
            耀炎食品
        </div>
        <div class="right_info">
            邮箱:info@yaoyanfood.com
        </div>
    </footer>
</div>
</body>
</html>